.container{
    z-index: 9;
}
.head{
    padding: 0rpx;
    margin: 0rpx;
    width: 100%;
    background-color: black;
    height:720rpx;
    .bg{
        width: 100%;
        height: 100%;
        opacity: 0.50; //透明度
        z-index: 2;
    }
    .rule{
        width: 168rpx;
        height: 48rpx;
        position: absolute;
        z-index: 999;
        top: 26rpx;
        right: 0px;
    }
    .time{
        position: absolute;
        top:287rpx;
        width: 230rpx; 
        display:flex;
        .detailtime{
            color: #f8f8f8;
            text-align: center;
            letter-spacing: 5rpx;
            font-size: 90rpx;
            margin-left: 258rpx;
            //margin-left: 34%;
        }
        .signbutton{
            left: 31%;
            width: 280rpx;
            height: 139rpx;
            z-index: -1;
        }
    }
    .des{
        display:flex;
        flex-direction: column;
        position: absolute;
        top:366rpx;
        margin-top:30rpx;
        left: 276rpx;
        //left: 36%;
        text-align: center;
        color: #fff;
        letter-spacing: 2rpx;
        font-size: 24rpx;
        font-weight: 300rpx;
    }
    .food{
        width: 100%;
        height: 41rpx;
        text-align: center;
        background-color: #F56F61;
        color: #fff;
        font-size: 24rpx;
        font-family: "MHeiM-C-GB18030-S60";
        letter-spacing: 1rpx;
        position: absolute;
        top:627rpx;
    }
    .detail{
        width: 100%;
        height: 41rpx;
        text-align: center;
        color: #fff;
        font-size: 24rpx;
        font-family: "MHeiM-C-GB18030-S60";
        letter-spacing: 1rpx;
        font-weight:bold;  
        position: absolute;
        top:673rpx;
    }

}

.newsign{
    width: 100%;
    height: 71rpx;
    background-color: #ffffff;
    margin-top:39rpx;
    display: flex;
    align-items: center;  
    .someone{
        width: 122rpx;
        height: 42rpx;
        .newtext{
            display: flex;
            align-items: center;
            justify-content: center; 
            position: absolute;
            margin-top: 2rpx;
            margin-left: 14rpx;            
            color: #9cd2eb;
            font-size: 24rpx;
            font-weight: bolder; 
        } 
        border-right: 1px solid rgb(204,204,204);
    }
    .avatarurl{
        margin-left: 14rpx;
        width: 60rpx;
        height: 60rpx;     
        border-radius: 50%;
        overflow: hidden;
        img{                  
            width: 100%;
            height: 100%;
        }
    }
}
.DayAndNum{
    width: 100%;
    height: 180rpx;
    background-color: #ffffff;
    margin-top:49rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    .all{
        width: 704rpx;
        height: 94rpx;
        .blockAll{
            height: 100%;
            width: 232rpx;
            float: left;
            text-align: center;
            h4{
                font-size: 24rpx;
                color:rgb(51,51,51);
                font-weight:bold;
                font-family: 'MHeiM-C-GB18030-S60'
            }
            span{
                font-size:48rpx;
                color:rgb(245,111,97);
                font-weight: bolder;
            }
        }
        .blockAll[data-index="0"]{
            border-right: 1px solid rgb(204,204,204);
        }
        .blockAll[data-index="1"]{
            border-right: 1px solid rgb(204,204,204);
        }
       
    }
}
.last{
    width: 100%;
    height: 40rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    //color: rgb(156,210,235);
    color: #f56f61;
    font-weight: bolder;
    font-size: 24rpx;
    margin-top:12rpx;
}

.clickOut{
    width:100rpx;
    height: 100rpx;
    position: absolute;
    top:796rpx;
    left: 346rpx;
    z-index: 999;
}

/*iphonex1040*/
@media screen and (width: 375px) and (height:642px){
    .phone{
       height:50rpx;
       width:100%;
       background-color: white;
    }
    .head{
       .rule{
        width: 168rpx;
        height: 48rpx;
        position: absolute;
        z-index: 999;
        top: 80rpx;
        right: 0px;
      }
      .food{
        width: 100%;
        height: 41rpx;
        text-align: center;
        background-color: #F56F61;
        color: #fff;
        font-size: 24rpx;
        font-family: "MHeiM-C-GB18030-S60";
        letter-spacing: 1rpx;
        position: absolute;
        top:677rpx;
      }
    .detail{
        width: 100%;
        height: 41rpx;
        text-align: center;
        color: #fff;
        font-size: 24rpx;
        font-family: "MHeiM-C-GB18030-S60";
        letter-spacing: 1rpx;
        font-weight:bold;  
        position: absolute;
        top:723rpx;
       }
    }
    .newsign{
        width: 100%;
        height: 100rpx;
        margin-top:50rpx;
    }
    .DayAndNum{
       width: 100%;
       height: 200rpx;
       margin-top:60rpx;
    }
    .last{
       margin-top:25rpx;
    }
    
}

/*安卓全面屏*/
@media screen and (min-width: 376px) and (min-height:643px){
    .phone{
       height:50rpx;
       width:100%;
       background-color: white;
    }
    .head{
       .rule{
        width: 168rpx;
        height: 48rpx;
        position: absolute;
        z-index: 999;
        top: 80rpx;
        right: 0px;
      }
      .food{
        width: 100%;
        height: 41rpx;
        text-align: center;
        background-color: #F56F61;
        color: #fff;
        font-size: 24rpx;
        font-family: "MHeiM-C-GB18030-S60";
        letter-spacing: 1rpx;
        position: absolute;
        top:677rpx;
      }
    .detail{
        width: 100%;
        height: 41rpx;
        text-align: center;
        color: #fff;
        font-size: 24rpx;
        font-family: "MHeiM-C-GB18030-S60";
        letter-spacing: 1rpx;
        font-weight:bold;  
        position: absolute;
        top:723rpx;
       }
    }
    .newsign{
        width: 100%;
        height: 100rpx;
        margin-top:70rpx;
    }
    .DayAndNum{
       width: 100%;
       height: 200rpx;
       margin-top:90rpx;
    }
    .last{
       margin-top:35rpx;
    }
    
}



